<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>Simple CV a Personal Category Bootstrap Responsive website Template | Home :: w3layouts</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Simple CV Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
	SmartPhone Compatible web template, free WebDesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- Custom Theme files -->
<link href="css/bootstrap.css" type="text/css" rel="stylesheet" media="all">
<link href="css/style.css" type="text/css" rel="stylesheet" media="all">   
<link href="css/font-awesome.css" rel="stylesheet">		<!-- font-awesome icons -->   
<link rel="stylesheet" href="css/swipebox.css">    <!-- swipebox -->   
<!-- //Custom Theme files --> 
<!-- js -->
<script src="js/jquery-2.2.3.min.js"></script>  
<!-- //js -->
<!-- web-fonts -->   
<link href="//fonts.googleapis.com/css?family=Kurale" rel="stylesheet">
<link href='//fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<!-- //web-fonts -->
</head>
<body>  
	<!-- main --> 
	<div class="buttons-wrapper"> 
		<input id="slide1" class="w3slider-input" type="radio" name="slider" checked>
		<input id="slide2" class="w3slider-input" type="radio" name="slider">
		<input id="slide3" class="w3slider-input" type="radio" name="slider">
		<input id="slide4" class="w3slider-input" type="radio" name="slider"> 
		<ul class="slider">
			<li class="agileits"> 
				<!-- banner -->
				<div class="banner">
					<div class="banner-w3lsinfo">
						<h2>个人简历</h2>
						<div class="container">
							<div class="col-md-4 header-w3left">
								<img src="images/img1.jpg" alt=""/>
								<div class="header-imgtext-w3ls">
									<h1>姓名：刘青</h1>
                                    <h1>学号：2016080703</h1>
									<div class="social-wthree-icons">
										<ul>
											<li><a href="#" class="fa fa-facebook icon icon-border facebook"> </a></li>
											<li><a href="#" class="fa fa-twitter icon icon-border twitter"> </a></li>
											<li><a href="#" class="fa fa-google-plus icon icon-border googleplus"> </a></li>
											<li><a href="#" class="fa fa-dribbble icon icon-border dribbble"> </a></li> 
										</ul>
										<div class="clearfix"> </div>
									</div>  
								</div>
							</div>
							<div class="col-md-8 header-w3right"> 
								<h3 class="agileits-title">关于自己</h3> 
								<div class="profile-agileinfo"> 
									<p>本人热心、自信、上进心强，工作认真负责，具有良好的团队合作精神与较好的个人亲和力;举止优雅，有亲和力，精力充沛，做事有条理，责任感强;具有优秀的思维、沟通和学习能力，热爱团队工作。对工作认真负责,诚实稳重,逻辑清晰、服从公司安排。工作中会很用心地去履行自己的职责,选择了就会很好地去执行。 </p>
									<div class="col-md-4 col-xs-4 profile-grids"> 
										<i class="fa fa-user"></i>
										<h5>个人信息</h5>
										<ul class="address"> 
										
											<li> 
												<b>姓名</b> : 刘青
											</li>
											<li> 
												<b>家庭住址</b> : 四川.广元 
											</li> 
										</ul>
									</div>
									<div class="col-md-4 col-xs-4 profile-grids"> 
										<i class="fa fa-envelope"></i>
										<h5>联系方式</h5>
										<ul class="address"> 
											
											<li> 
												<b>电话号码</b> :  18781261774
											</li> 
											<li> 
												<b>QQ</b> : 2217636937 
											</li>
										</ul>
									</div>
									<div class="col-md-4 col-xs-4 profile-grids"> 
										<i class="fa fa-share-alt"></i>
										<h5>E-Mail</h5>
										<ul class="address"> 
											<li> 
												<a href="mailto:example@mail.com"> 2217636937@QQ.com</a>
											</li>
											
										</ul>
									</div>
									<div class="clearfix"> </div>
								</div>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
				</div>
				<!-- //banner --> 
			</li>
			<li class="agileits"> 
				<!-- skills --> 
				<div class="skills">
					<div class="container">  
						<div class="col-md-8 skills-w3lsleft">
							<h3 class="agileits-title">教育背景</h3> 
							<p>2013-2016  苍溪实验中学
							      2016-至今 四川华新现代职业学院</p>
							<div class="skill-agileinfo">
								<div class="skillbar" data-percent="20">
									<span class="skillbar-title" style="background: #d35400;">电商运营</span>
									<p class="skillbar-bar" style="background: #e67e22;"></p>
									<span class="skill-bar-percent"></span>
								</div>
								<!-- End Skill Bar --> 
								<div class="skillbar" data-percent="75">
									<span class="skillbar-title" style="background: #2980b9;">电商概论</span>
									<p class="skillbar-bar" style="background: #3498db;"></p>
									<span class="skill-bar-percent"></span>
								</div>
								<!-- End Skill Bar --> 
								<div class="skillbar" data-percent="50">
									<span class="skillbar-title" style="background: #2c3e50;">美工</span>
									<p class="skillbar-bar" style="background: #2c3e50;"></p>
									<span class="skill-bar-percent"></span>
								</div>
								<!-- End Skill Bar --> 
								<div class="skillbar" data-percent="70">
									<span class="skillbar-title" style="background: #46465e;">跨进电商</span>
									<p class="skillbar-bar" style="background: #5a68a5;"></p>
									<span class="skill-bar-percent"></span>
								</div>
								<!-- End Skill Bar --> 
							</div>
						</div>
						<div class="col-md-4 services">
							<h3 class="agileits-title">个人证书</h3>  
							<div class="serv-wthree-row w3layouts">
								<div class="col-xs-3 services-w3lsleft">
									<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
								</div>
								<div class="col-xs-9 services-w3lsright">
									<h4>普通话等级证</h4>
									<p>2014.10---二级乙等</p>
								</div>
								<div class="clearfix"> </div>
							</div>
							<div class="serv-wthree-row w3layouts serv-wthree-rowmdl">
								<div class="col-xs-3 services-w3lsleft">
									<span class="glyphicon glyphicon-heart" aria-hidden="true"></span>
								</div>
								<div class="col-xs-9 services-w3lsright">
									<h4>机算机一级证书</h4>
									<p>2015.10---一级证书</p>
								</div>
								<div class="clearfix"> </div>
							</div>
							<div class="serv-wthree-row w3layouts">
								<div class="col-xs-3 services-w3lsleft">
									<span class="glyphicon glyphicon-stats" aria-hidden="true"></span>
								</div>
								<div class="col-xs-9 services-w3lsright">
									<h4>电子商务助理师</h4>
									<p>2016.12</p>
								</div>
								<div class="clearfix"> </div>
							</div>
							<div class="serv-wthree-row w3layouts">
								<div class="col-xs-3 services-w3lsleft">
									<span class="glyphicon glyphicon-camera" aria-hidden="true"></span>
								</div>
								<div class="col-xs-9 services-w3lsright">
									<h4></h4>

								</div>
								<div class="clearfix"> </div>
							</div>
						</div>  
						<div class="clearfix"> </div>
					</div>
				</div>
				<!-- //skills --> 
			</li>
			
			</li>
			<li class="agileits"> 
				<!-- contact -->
				<div class="contact agileits-w3layouts">
					<div class="container"> 
						<h3 class="agileits-title">联系方式</h3> 	
						<div class="contact-w3lsrow">
							<div class="col-md-6 contact-wthree-left">
								<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3023.9503398796587!2d-73.9940307!3d40.719109700000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c25a27e2f24131%3A0x64ffc98d24069f02!2sCANADA!5e0!3m2!1sen!2sin!4v1441710758555" allowfullscreen></iframe>
								<div class="faddressw3-agileinfo">
									<div class="faddress-w3left">
										<p>出生年月：1998.08.22,<br> 国籍：中国 </p>
									</div>
									<div class="faddress-w3right">
										<p>民族：汉</p>
										<p>专业：电子商务</p>
										<p><a href="mailto:info@example.com"></a></p>
									</div>
									<div class="clearfix"></div> 
								</div>
							</div>
							<div class="col-md-6 contact-wthree-right">
								<form action="#" method="post">
									<input type="text" name="Name" placeholder="姓名：刘青" required="">
									<input type="email" class="email" name="Email" placeholder="Email：2217636937@qq.com" required="">
									<input type="text" class="phone" name="phone" placeholder="电话号码：18781261774" required="">
									<textarea name="Message" placeholder="家庭住址：广元市苍溪县唤马镇红金村" required=""></textarea>
									<input type="submit" value="SUBMIT" >
								</form> 
							</div>
							<div class="clearfix"> </div>
						</div> 
						<!-- footer -->
						<div class="agile-footer"> 
							<p>刘青的个人简历<a href="http://w3layouts.com/" target="_blank"></a> </p>
						</div>
						<!-- //footer --> 
					</div>
				</div>
				<!-- //contact -->  
			</li> 
		</ul> 
			<label for="slide1"></label>
			<label for="slide2"></label>
			<label for="slide3"></label>
			<label for="slide4"></label> 
	</div>	
	<!-- //main -->  
	<!-- swipe box js -->
	<script src="js/jquery.swipebox.min.js"></script> 
	<script type="text/javascript">
			jQuery(function($) {
				$(".swipebox").swipebox();
			});
	</script> 
	<!-- //swipe box js --> 	
	<!-- Skill Bar js --> 
	<script src="js/skill.bars.jquery.js"></script> 
	<script> 
	$(document).ready(function(){
		
		$('.skillbar').skillBars({
			from: 0,
			speed: 4000, 
			interval: 100,
			decimals: 0,
		});
		
	}); 
	</script> 
	<!-- //End Skill Bar js --> 
	<!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/bootstrap.js"></script>
</body>
</html>